<template>
  <div class="app-shell">
    <Navbar v-if="showNavbar" />
    <main class="app-main" :class="{ full: !showNavbar }">
      <router-view />
    </main>
  </div>
  <Toast />
  
</template>

<script setup>
import Navbar from './components/Navbar.vue'
import Toast from './components/Toast.vue'
import { useRoute } from 'vue-router'
import { computed } from 'vue'

const route = useRoute()
const showNavbar = computed(() => route.path !== '/login')
</script>

<style scoped>
.app-main {
  padding: 24px 16px;
}
.app-main.full {
  min-height: 100vh;
  display: flex;
  align-items: center;
}
</style>